#student-head {

  color: #5d5d5d;

  width: 100%;
  // height: 200px;
  background-image: url(~public/img/student-title-bg-1.jpg);
  // background-position: 50%;
  background-size: cover;
  padding-top: 116px;

  box-shadow: 0 0 0 1px #eee;
  border-top: none;
  border-radius: 4px 4px 0 0;

  .el-row {
    height: 84px;
    padding: 0 0 20px 16px;

    .el-col {

      &:first-child {
        min-width: 68px;
      }

      &:last-child {
        margin: 10px 0 0 20px;

      }

      .s-h-other {
        padding-bottom: 5px;
        h2 {
          padding-left: 8px;
          margin-block-start: 0;
          margin-block-end: 0;

          font-size: 18px;
          display: inline-block;
        }

        i {
          background: #49e0ff;
          border-radius: 50%;
          margin-left: 10px;
          color: #ffffff;
        }
      }

      .s-h-input {
        width: 80%;

        transition: all 1s;

        .el-input__inner {
          padding-left: 8px;
          border: none;
          color: #56a97b;
          font-size: 12px;
          height: 26px;
          line-height: 26px;
          background: transparent;

          transition: all 1s;

          &:hover {
            border: 1px solid #ffffffa6;
            background-color: #0000000d;

            transition: all 1s;
          }

          &:focus {
            background-color: #fff;
            color: #898989;

            transition: all 1s;
          }
        }

      }
    }
  }
}